@theme {
  --color-background: hsl(263 91.4% 4.1%);
  --color-foreground: hsl(263 20% 95%);

  --color-card: hsl(264 71.4% 4.1%);
  --color-card-foreground: hsl(260 20% 98%);

  --color-popover: hsl(264 71.4% 4.1%);
  --color-popover-foreground: hsl(260 20% 98%);

  --color-primary: hsl(270 30.9% 38.9%);
  --color-primary-foreground: hsl(270 20% 98%);

  --color-secondary: hsl(215 27.9% 16.9%);
  --color-secondary-foreground: hsl(210 20% 98%);

  --color-muted: hsl(245 37.9% 7.9%);
  --color-muted-foreground: hsl(245.9 10.6% 64.9%);

  --color-accent: hsl(263.4 55% 43.4%);
  --color-accent-foreground: hsl(263 20% 98%);
  --color-accent-text: hsl(263.4 55% 63.4%);

  --color-destructive: hsl(350 60% 40.6%);
  --color-destructive-foreground: hsl(340 30% 98%);
  --color-destructive-text: hsl(350 100% 60.6%);
  --color-destructive-muted: hsl(350 80% 15%);

  --color-border: hsl(235 37.9% 25.9%);
  --color-input: hsl(215 27.9% 16.9%);
  --color-ring: hsl(263.4 70% 50.4%);

  --breakpoint-sm: 40rem;
  --breakpoint-md: 48rem;
  --breakpoint-lg: 64rem;
  --breakpoint-xl: 80rem;
  --breakpoint-2xl: 96rem;

  --radius-xs: 0.125rem;
  --radius-sm: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --radius-4xl: 2rem;

  --chart-1: oklch(0.488 0.243 264.376);
  --chart-2: oklch(0.696 0.17 162.48);
  --chart-3: oklch(0.769 0.188 70.08);
  --chart-4: oklch(0.627 0.265 303.9);
  --chart-5: oklch(0.645 0.246 16.439);
}
